// 获取带 Tab 栏的列表元素
const tabListTabs = document.querySelectorAll('.tab-list-tab');
const tabListPanes = document.querySelectorAll('.tab-list-pane');

// 显示对应的 Tab 内容
function showTab(index) {
  tabListTabs.forEach((tab, i) => {
    if (i === index) {
      tab.classList.add('active');
    } else {
      tab.classList.remove('active');
    }
  });

  tabListPanes.forEach((pane, i) => {
    if (i === index) {
      pane.classList.add('active');
    } else {
      pane.classList.remove('active');
    }
  });
}

// 监听 Tab 点击事件
tabListTabs.forEach((tab, index) => {
  tab.addEventListener('click', function () {
    showTab(index);
  });
});
